<template>
  <!--   可自定义，根据你们项目需求来-->
  <div class="ss__card" v-show="visible" v-card-drag>
    <div class="ss__card__header">
<!--      :style="{justifyContent: member=='student' && textAlign=='center' ? 'center':''} "-->
      <div class="clearfix">
        <div class="tab">{{ title }}</div>

        <i class="el-icon-close ss__card__close" @click="hide"></i>

      </div>
      <slot name="header"></slot>
    </div>
    <div class="ss__card__body">
      <slot name="body"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "PortletCard",
  props: {
    visible: Boolean,
    title: String,
    member:
      {
        type: String,
        default:
          'teacher'
      },
    textAlign:
      {
        type: String,
        default:
          'center'
      }
  },
  methods: {
    hide() {
      this.$emit('update:visible', false)
    }
  }
}
</script>

<style scoped lang="less">


</style>
